<script setup>
import CustomLayout from './CustomLayout.vue'
</script>

<template>
  <CustomLayout>
    <template #header="{ title }">
      <h1>{{ title }}</h1>
      <!-- <p>{{ JSON.stringify(slotProps) }}</p> -->
    </template>

    <template #default="slotProps">
      <p v-for="item in slotProps.content">{{ item }}</p>
    </template>

    <template #footer="{ author }">
      <p>2024 &copy; {{ author }}</p>
    </template>
  </CustomLayout>
</template>
